<!--
 * @Descripttion: 
 * @version: 
 * @Author: PengLiang
 * @Date: 2021-09-06 15:29:53
 * @LastEditors: PengLiang
 * @LastEditTime: 2021-09-08 23:24:43
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>灰太狼 · 小灰灰</title>
    <link rel='shortcut icon' href='img/logo.png' type='image/png'>
    <link rel='stylesheet' href='css/index.css'>
    <script src='js/jq360.min.js'></script>
    <script src='js/index.js'></script>
</head>
<body>
    <div class="container">
        <h1 class="score">0</h1>
        <div class="progress"></div>
        <button class="play">开始游戏</button>
        <h4 class="rule">游戏规则</h4>
        <div class="info">
            <p>1、游戏时间：60S</p>
            <p>2、殴打灰太狼 +10分</p>
            <p>3、殴打小灰灰 -10分</p>
            <p>4、时间结束，游戏结束</p>
            <a href='javascript:;' class="close">关闭</a>
        </div>
        <div class="mask">
            <h4>GAME OVER</h4>
            <button class="rePlay">重新开始</button>
            <a href='javascript:;' class="end">退 出</a>
        </div>
    </div>
</body>
</html>